<template>
	<view class="inner">
		<block v-if="shopList.length" v-for="(item,index) in shopList" :key="index">
			<shop-item :shopInfo="item"></shop-item>
		</block>
		<!-- 反馈组件 -->
		<tips :tipShow="shopList.length === 0" tipMsg="没有商店数据"></tips>
	</view>
</template>

<script>
	import Tips from '../../../components/common/Tips.vue'
	import ShopItem from '../../../components/content/ShopItem.vue'
	export default {
		props: {
			shopList: {
				type: Array,
				default: []
			}
		},
		components: {
			ShopItem,
			Tips
		}
	}
</script>

<style scoped>
	/* #ifdef MP-WEIXIN */
	.inner {
		padding-top: 70upx;
	}

	/* #endif */
	.empty {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30upx;
		font-size: 40upx;
		color: #ddd;
	}
</style>
